<!--
 * @Author: 951452292 951452292@qq.com
 * @Date: 2023-03-09 13:58:29
 * @LastEditors: 951452292 951452292@qq.com
 * @LastEditTime: 2023-03-09 14:37:29
 * @FilePath: /study_hard_day_day_up/src/views/覃小姐的/CSS学习 神奇的选择器 :focus-within.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
:focus-within 的冒泡性

这个属性有点类似 Javascript 的事件冒泡，从可获焦元素开始一直冒泡到根元素 html，都可以接收触发 :focus-within 事件，类似下面这个简单的例子这样：


图片在  images/focus-within.jpeg  上
<image src="./images/focus-within.jpeg"></image>


就是这样：
<image src="./images/focus-within1.jpeg"></image>
<image src="./images/focus-within2.jpeg"></image>


学历链接：
https://baijiahao.baidu.com/s?id=1607768200207469858&wfr=spider&for=pc